﻿<style>
    .content,
    .property-title small {
        font-size: 17px;
    }

    textarea, input, button {
        font-size: 17px !important;
    }

    .blur-loading {
        filter: blur(10px);
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
    }

</style>


<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">Property Detail</h1>
                <span us-spinner="{radius:15, width:4, length: 20}"></span>


                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Properties</a></li>
                    <li><a href="properties-detail.html">Property Detail</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<div class="content">
    <div class="container">
        <div class="row">

            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-8"  ng-class="{'blur-loading': isSearch == true}">

                <h1 class="property-title">{{ Auction.Type }}</h1>

                <!--<div class="property-topinfo">
                    <ul class="amenities">
                        <li><i class="icon-apartment"></i> Apartment</li>
                        <li><i class="icon-area"></i> {{ Auction.LandSqrtFt }} Sq Ft</li>
                        <li><i class="icon-bedrooms"></i> {{ Auction.Room }}</li>
                        <li><i class="icon-bathrooms"></i> {{ Auction.Bathroom}}</li>
                    </ul>

                </div>-->
                <!-- BEGIN PROPERTY DETAIL SLIDERS WRAPPER -->
                <div id="property-detail-wrapper" class="style1">

                    <div class="price">
                        <i class="fa fa-home"></i>Auction Price
                        <span>RM {{ Auction.Price | number:2 }}</span>
                    </div>

                    <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
                        <div uib-slide ng-repeat="slide in slides track by $index" index="$index">
                            <img ng-src="{{slide.pictureURL}}" style="margin:auto;max-height: 235px;">
                            <div class="carousel-caption">
                                <h4>Slide {{$index}}</h4>
                                <p>{{Auction.LongHeading}}</p>
                            </div>
                        </div>
                    </div>


                    <!--<carousel interval="2000" no-wrap="noWrapSlides" no-pause="false">
                        <slide ng-repeat="slide in slides" active="slide.active">
                            <img ng-src="{{slide.pictureURL}}" height="450" width="550" style="margin:auto;height: 450px !important;" title={{Auction.LongHeading}}>
                            <div class="carousel-caption" title={{Auction.LongHeading}}>
                                <h4>Slide {{$index}}</h4>
                                <p></p>
                            </div>
                        </slide>
                    </carousel>-->
                    <!--<div id="property-detail-large" class="owl-carousel">
                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>

                        <div class="item">
                            <img src="http://placehold.it/764x423" alt="" />
                        </div>
                    </div>-->
                    <!-- END PROPERTY DETAIL LARGE IMAGE SLIDER -->
                    <!-- BEGIN PROPERTY DETAIL THUMBNAILS SLIDER -->
                    <!--<div id="property-detail-thumbs" class="owl-carousel">
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                        <div class="item"><img src="http://placehold.it/148x131" alt="" /></div>
                    </div>-->
                    <!-- END PROPERTY DETAIL THUMBNAILS SLIDER -->

                </div>

                <p></p><br />

                <div class="col-sm-12">
                    <label class="col-sm-4">Unit Number</label>
                    <div ng-show="isLogin == false" class="col-sm-8">
                        <a href="/login">
                            <span style="font-size: 17px">Please login to view</span>
                        </a>
                    </div>
                    <div ng-show="isLogin == true" class="col-sm-8">
                        <span style="font-size:17px">{{ Auction.UnitNo }}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Address</label>
                    <div class="col-sm-8">
                        <span style="font-size:17px">{{ Auction.RoadName }}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Type</label>
                    <div class="col-sm-8">
                        <span> {{Auction.Type}}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Reserve Price (RM)</label>
                    <div class="col-sm-8">
                        <span> {{Auction.Price | number:2 }}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Land/BuildUp Area</label>
                    <div class="col-sm-8">
                        <span> {{Auction.LandArea | number }}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Auction Date</label>
                    <div class="col-sm-8">
                        <span> {{Auction.AuctionDate | date:'dd/MM/yyyy'}}</span>
                    </div>
                </div>

                <div class="col-sm-12">
                    <label class="col-sm-4">Property Remark</label>
                    <div class="col-sm-8">
                        <span> {{Auction.Description}}</span>
                    </div>
                </div>











                <!--<p>Cras lobortis, diam et ultricies imperdiet, urna urna pharetra est, vitae euismod lectus dolor nec sapien. Morbi consectetur ut metus quis elementum. Sed condimentum dui at nulla aliquet condimentum. Nullam vitae odio a nibh scelerisque condimentum et consequat sapien.</p>
                <p><br />Nullam non lectus non mauris viverra convallis ac vitae nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla congue neque et elit vulputate, nec convallis massa rutrum. Proin vel metus sit amet dolor molestie sagittis. In lacinia rhoncus pulvinar. Maecenas vitae sem nec mi suscipit malesuada a quis ligula. Phasellus varius fermentum tortor, sit amet molestie elit faucibus sed.</p>
                <p><br />Cras euismod tincidunt risus, vel accumsan lacus aliquet vitae. Morbi in dignissim libero. Cras sed scelerisque est. Praesent eget ultricies lectus, vestibulum auctor sem. Vestibulum ultrices risus euismod commodo interdum. </p>
                <p>&nbsp;</p>-->
                <!-- BEGIN PROPERTY AMENITIES LIST -->
                <!--<ul class="property-amenities-list col-md-4">
                    <li class="enabled"> Security System </li>
                    <li class="enabled"> Parking On Street </li>
                    <li class="enabled"> Garage </li>
                    <li class="enabled"> Internet </li>
                    <li class="enabled"> Telephone </li>
                    <li class="disabled"> Alarm Clock </li>
                    <li class="disabled"> Water Cooler </li>
                    <li class="enabled"> Air Conditioning </li>
                    <li class="enabled"> Heating </li>
                </ul>

                <ul class="property-amenities-list col-md-4">
                    <li class="enabled"> Washing Machine </li>
                    <li class="disabled"> Clothes Dryer </li>
                    <li class="enabled"> Fireplace </li>
                    <li class="disabled"> Sofa Bed </li>
                    <li class="enabled"> Dishwasher </li>
                    <li class="enabled"> Refrigerator </li>
                    <li class="disabled"> Freezer </li>
                    <li class="enabled"> Oven </li>
                    <li class="enabled"> Microwave </li>
                </ul>

                <ul class="property-amenities-list col-md-4">
                    <li class="enabled"> Coffee Maker </li>
                    <li class="enabled"> Toaster </li>
                    <li class="disabled"> Ice Maker </li>
                    <li class="enabled"> Stove </li>
                    <li class="enabled"> Dishes & Utensils </li>
                    <li class="enabled"> Satellite / Cable TV  </li>
                    <li class="enabled"> Balcony </li>
                    <li class="disabled"> Deck / Patio </li>
                    <li class="enabled"> Outdoor Grill </li>
                </ul>-->
                <!-- END PROPERTY AMENITIES LIST -->
                <!--<h1 class="section-title">Property Features</h1>-->
                <!-- BEGIN PROPERTY FEATURES LIST -->
                <!--<ul class="property-features col-sm-6">
                    <li><i class="icon-garage"></i> Garage for 2 cars</li>
                    <li><i class="icon-pool"></i> Outdoor Pool</li>
                    <li><i class="icon-garden"></i> 850 Sq Ft Garden</li>
                    <li><i class="icon-security"></i> Security System Installed</li>
                </ul>

                <ul class="property-features col-sm-6">
                    <li><i class="icon-sale-sign"></i> This property is for sale</li>
                    <li><i class="icon-house-usd"></i> Flexible Payments</li>
                    <li><i class="icon-rooms"></i> 3 Bedrooms and 2 Bathrooms</li>
                    <li><i class="icon-pets"></i> Pets Allowed</li>
                </ul>-->
                <!-- END PROPERTY FEATURES LIST -->
                <!--<h1 class="section-title">Property Location</h1>-->
                <!-- PROPERTY MAP HOLDER -->
                <!--<div id="property_location" class="map col-sm-12">

                </div>-->
                <!--<ng-map default-style="true" center="{{Auction.Latitude}},{{Auction.Longitude}}" zoom="15">
                    <info-window id="foo" on-mouseover="mouseover()">
                        <div ng-non-bindable="" style="font-weight: bold">
                            {{store.LongHeading}}<br />
                            {{store.displayPrice}} <br />
                            Agent : {{store.agentname}}   HP: {{store.mobile}}
                            <a href="/properties/{{store.propertyid}}/{{Auction.listType}}">View Detail</a>
                        </div>
                    </info-window>
                    <marker ng-repeat="location in nearByList" id="id_{{location.propertyid}}"
                            position="{{location.Latitude}},{{location.Longitude}}" icon="images/PenangRealty_Icon.gif"
                            on-click="showProperty(event, location)"></marker>
                    <info-window id="bar" on-mouseover="mouseover()" visible-on-marker="currentProperty">
                        <div ng-non-bindable="" style="font-weight: bold">
                            Current Property <br />
                            {{Auction.Project}} <br />
                        </div>
                    </info-window>
                    <marker id="currentProperty" position="{{Auction.Latitude}},{{Auction.Longitude}}" on-click="map.showInfoWindow('bar')" icon="images/ListingIcon.gif" animation="BOUNCE" />
                </ng-map>-->


                <div class="share-wraper col-sm-12">
                    <h5>Share this Property:</h5>

                    <ul class="social-networks">
                        <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ shareTitle }}&description={{ shareDescription }}&u={{ shareURL }}&picture={{ shareImageURL }}"><i class="fa fa-facebook"></i></a></li>
                        <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ shareURL }}&amp;text={{ shareTitle }}"><i class="fa fa-twitter"></i></a></li>
                        <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ shareURL }}&title={{ shareTitle }}&summary={{ shareDescription }}"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="whatsapp://send?text={{ shareURL }} {{ shareTitle }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>
                        <li>
                            <a target="_blank" href="https://plus.google.com/share?text={{ shareTitle }} {{ shareURL }}">
                                <i class="fa fa-google"></i>
                            </a>
                        </li>
                        <li ng-show="isAndroid == true">
                            <a href="mailto:?subject={{ shareTitle }}&body=Hi%2C%0A%0ACheck%20out%20this%20property%20from%20Shijieproperty%3A%20{{ current_path_url }}%0A%0AThank%20you.">
                                <i class="fa fa-envelope"></i>
                            </a>
                        </li>
                        <li ng-show="isAndroid == false">
                            <a href="mailto:?Subject={{ shareTitle }}&Body=Hi%2C%0A%0ACheck%20out%20this%20auction%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ current_path_url }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a>
                        </li>


                    </ul>


                    <a class="print-button" href="javascript:window.print();">
                        <i class="fa fa-print"></i>
                    </a>
                </div>

                <div ng-if="Auction.AgentName != null">
                    <h1 class="section-title">REN Information</h1>
                    <!-- BEING AGENT INFORMATION -->
                    <div class="property-agent-info">
                        <div class="agent-detail col-md-4">
                            <div class="image">
                                <img alt="" src="{{ Auction.StaffPicURL }}" />
                            </div>

                            <div class="info">
                                <header>
                                    <h2 style="font-size:20px!important">{{ Auction.AgentName }}</h2>
                                </header>

                                <ul class="contact-us">
                                    <li><i class="fa fa-envelope"></i><a href="mailto:{{ Auction.Email }}">{{ Auction.Email }}</a></li>
                                    <li><i class="fa fa-phone"></i> {{ Auction.AgentMobile }}</li>
                                   
                                </ul>
                            </div>
                        </div>

                        <form class="form-style col-md-8">
                            <div class="col-sm-12">
                                <input type="text" name="Name" placeholder="Name" class="form-control required fromName" />
                            </div>

                            <div class="col-sm-12">
                                <input type="email" name="Email" placeholder="Email" class="form-control required fromEmail" />
                            </div>

                            <div class="col-sm-12">
                                <input type="text" name="Subject" placeholder="Subject" class="form-control required subject" />
                                <textarea name="Message" placeholder="Message" class="form-control required"></textarea>
                            </div>

                            <div class="center">
                                <button type="submit" class="btn btn-default-color submit_form"><i class="fa fa-envelope"></i> Send Message</button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
            <!-- END MAIN CONTENT -->
            <!-- BEGIN SIDEBAR -->
            <div class="sidebar gray col-sm-4">

                <!-- BEGIN NEWSLETTER -->
                <form ng-submit="submitForm($event)">
                    <div id="newsletter" class="col-sm-12">
                        <h2 class="section-title">Subscribe our<br><span>Newsletter</span></h2>
                        <div class="input-group">
                            <input ng-model="subscription_email" type="text" placeholder="Enter your E-mail" name="subscription_email" id="email" class="form-control" />
                            <span class="input-group-btn">
                                <button class="btn btn-default-color" type="submit">Subscribe</button>
                            </span>
                        </div>
                    </div>
                </form>


                <iframe width="100%" height="500px" scrolling="no" style="border: none;" src="https://www.opinionstage.com/polls/2409394/poll" frameBorder="0" name="os_frame" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

                <!-- END NEWSLETTER -->

            </div>
            <!-- END SIDEBAR -->

        </div>
    </div>
</div>
<!-- END CONTENT WRAPPER -->